<template>
  <div class="index">
    <button v-on:click="text">提醒你</button>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      test:'123'
    }
  },
  methods: {
    text(){
      alert('欢迎来到我的世界')
    }
  },
};
</script>

<style scoped>
.index {
  padding: 20px;
  background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
  box-shadow: 0 0 10px #d1fdff;
  border-radius: 20px;
  margin-top: 10px;
}
</style>